<template>
	<view class="example-body">
		<view class="con">
			 <view class="logo">
			 	<image src="../static/img/logo1.png"></image>
			 </view>
			<view class="input-view">
				<uni-icons class="input-uni-icon" type="search" size="22" color="#000" />
				<input confirm-type="search" class="nav-bar-input" type="text" placeholder-class="phcolor"
					placeholder="输入搜索关键词" @confirm="confirm" />
			</view>
			<view class="right-icon" @click="scan">
				<uni-icons class="input-uni-icon" type="scan" size="38" color="#000" />
				<!-- <uni-icons class="input-uni-icon" type="scan" size="29" color="#efefef" /></uni-icons> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "sousuo",
		data() {
			return {

			};
		},
		methods: {
			scan() {
				// uni.showToast({
				// 	title: '扫码'
				// }),
				let that = this;
				uni.scanCode({
					success: function(res) {
						that.result1 = res.result;
					}
				});

			},
			confirm() {
				uni.showToast({
					title: '搜索'
				})
			}
		}

	}
</script>

<style>
	.example-body {
		/* border: red solid 1px; */
		padding: 0;
		
		height: 100rpx;
		position: sticky;
		top: 0;
		z-index: 999;
		background-color: #CCE5ED;
	}

	.con {
		/* border: red solid 1px; */
		width: 750rpx;
		height: 100rpx;
		margin: auto;
		 
	}

	.logo {
		
		width: 80rpx;
		height: 80rpx;
		float: left;
		margin-top: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
	 
	}

	.logo image {
		width: 100%;
		height: 100%;
	}

	.input-view {
		/* border: red solid 1px; */
		float: left;
		width: 400rpx;
		background-color: #FFFFFF;
		height: 36px;
		border-radius: 15px;
		padding: 0 15px;
		margin: auto;
		margin: 20rpx 8rpx;
		line-height: 36px;
	}

	.input-uni-icon {

		line-height: 36px;
		float: left;
	}

	.nav-bar-input {

		height: 36px;
		line-height: 36px;
		/* #ifdef APP-PLUS-NVUE */
		width: 370rpx;
		/* #endif */
		padding: 0 5px;
		background-color: #FFFFFF;


	}

	.phcolor {
		color: #999;
	}

	.right-icon {
		/* border: #007AFF solid; */
		width: 60rpx;
		height: 60rpx;
		float: right;
		margin: 20rpx 30rpx;
	}
</style>
